<div id="header">
    <div class="container">
        <div id="welcomeLine" class="row">
            <div class="span6">欢迎， <strong>{{getUsername()?getUsername():"游客！"}}</div>
            <div class="span6">
                <div class="pull-right">
                    <!-- <a href="product_summary.html"><span class="">Fr</span></a>
                    <a href="product_summary.html"><span class="">Es</span></a> -->
                    <!-- <span class="btn btn-mini">En</span> -->
                    <!-- <a href="product_summary.html"><span>&pound;</span></a> -->
                    <!-- <span class="btn btn-mini">$155.00</span> -->
                    <!-- <a href="product_summary.html"><span class="">$</span></a> -->
                    <a href="product_summary.html"><span class="btn btn-mini btn-primary"><i
                                class="icon-shopping-cart icon-white"></i> [ {{ getCartNums() }} ] Itemes in your cart </span> </a>
                </div>
            </div>
        </div>
        <!-- Navbar ================================================== -->
        <div id="logoArea" class="navbar">
            <a id="smallScreen" data-target="#topMenu" data-toggle="collapse" class="btn btn-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <div class="navbar-inner">
                <a class="brand" href="/view/catalog-main.html"><img style="height: 50px;" src="../../page/common/themes/images/letao_logo.png"
                        alt="Bootsshop" /></a>
                        <form class="form-inline navbar-search" id="searchForm">
                            <input id="srchFld" class="srchTxt" type="text" v-model="keyword"/>
                            <select class="srchTxt" v-model="selectedItem">
                                <option>全部类别</option>
                                <option v-for="category in getItems()"  :value="category.name">{{ category.name }}</option>
                            </select>
                            <button class="btn btn-primary" @click="send()" >Go</button>
                        </form>
                <ul id="topMenu" class="nav pull-right">
                    <li class="" v-if="checkLogin() && !isUser()" ><a href="/view/mystore.html">我的店铺</a></li>
                    <li class="" v-if="checkLogin() && isUser()"><a href="/view/orders_all.html?status=-1">我的订单</a></li>
                    <li class="" v-if="checkLogin() && isUser()"><a href="/view/favourites.html#favourite-products">收藏夹</a></li>
                    <li class="" v-if="checkLogin() && isUser()"><a href="/view/records.html">浏览记录</a></li>
                    <li class="" v-if="checkLogin() && isUser()"><a href="/view/profile.html">个人中心</a></li>
                    <li class="">
                        <a v-if="!checkLogin()" href="#login-form" role="button" data-toggle="modal" style="padding-right:0">
                            <span class="btn btn-large btn-success">登录</span></a>
                            <a v-else  @click="doLogout()"><span class="btn btn-large btn-danger">注销</span></a>
<!--                        登录浮窗-->
                        <div id="login-form" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="login"
                            aria-hidden="false">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h3>账号登录</h3>
                            </div>
                            <div class="modal-body">
                                <form class="form-horizontal loginFrm">
                                    <div class="control-group">
                                        <input type="text" id="inputEmail" placeholder="账号" v-model="username">
                                    </div>
                                    <div class="control-group">
                                        <input type="password" id="inputPassword" placeholder="密码" v-model="pwd">
                                    </div>
                                    <div class="control-group" >
                                        <ul>
                                            <li><label><input type="radio" name="role1" v-model="role" value="customer" checked="checked">我是买家</label></li>
                                            <li><label><input type="radio" name="role1" v-model="role" value="seller">我是店家</label></li>
                                        </ul>
                                    </div>
                                </form>
                                <button type="submit" class="btn btn-success" @click="doLogin()">登录</button>
                                <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
                                <div align="right">
                                    <a href="#login-form2" role="button" data-toggle="modal" style="padding-right: 0;" data-dismiss="modal" aria-hidden="true">使用手机登录</a>
                                    <a href="#resetpwd-form" role="button" data-toggle="modal" style="padding-right: 0;" data-dismiss="modal" aria-hidden="true">|找回密码</a>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <a href="register.html">未注册？点击这里</a>
                            </div>
                        </div>
                        <div id="login-form2" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="login"
                        aria-hidden="false">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h3>手机登录</h3>
                            </div>
                            <div class="modal-body">
                                <form class="form-horizontal loginFrm">
                                    <div class="control-group">
                                        <input type="text" id="inputEmail" placeholder="手机号码" v-model="phone"> <button class="btn btn-info" @click.prevent="getSMS()">发送验证码</button>
                                    </div>
                                    <div class="control-group">
                                        <input type="password" id="inputPassword" placeholder="验证码" v-model="code">
                                    </div>
                                    <div class="control-group" >
                                        <ul>
                                            <li><label><input type="radio" name="role2" v-model="role" value="customer" checked="checked">我是买家</label></li>
                                            <li><label><input type="radio" name="role2" v-model="role" value="seller">我是店家</label></li>
                                        </ul>
                                    </div>
                                </form>
                                <button type="submit" class="btn btn-success" @click="loginBySMS()">登录</button>
                                <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
                                <div align="right">
                                    <a href="#login-form" role="button" data-toggle="modal" style="padding-right: 0;" data-dismiss="modal" aria-hidden="true">使用账号登录</a>
                                    <a href="#resetpwd-form" role="button" data-toggle="modal" style="padding-right: 0;" data-dismiss="modal" aria-hidden="true">|找回密码</a>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <a href="register.html">未注册？点击这里</a>
                            </div>
                        </div>
                        <div id="resetpwd-form" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="login"
                        aria-hidden="false">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h3>找回密码</h3>
                            </div>
                            <div class="modal-body">
                                <form class="form-horizontal loginFrm">
                                    <div class="control-group">
                                        <input type="text" id="inputEmail" placeholder="手机号码" v-model="phone"> <button class="btn btn-info" @click.prevent="getSMS()">发送验证码</button>
                                    </div>
                                    <div class="control-group">
                                        <input type="password" id="inputPassword" placeholder="验证码" v-model="code">
                                    </div>
                                    <div class="control-group">
                                        <input type="password" id="inputPassword" placeholder="新的密码" v-model="password">
                                    </div>
                                    <div class="control-group" >
                                        <ul>
                                            <li><label><input type="radio" name="role3" v-model="role" value="customer" checked="checked">我是买家</label></li>
                                            <li><label><input type="radio" name="role3" v-model="role" value="seller">我是店家</label></li>
                                        </ul>
                                    </div>
                                </form>
                                <button type="submit" class="btn btn-success" @click="resetPwd()">提交</button>
                                <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
                                <div align="right">
                                    <a href="#login-form2" role="button" data-toggle="modal" style="padding-right: 0;" data-dismiss="modal" aria-hidden="true">使用手机登录</a>
                                    <a href="#login-form" role="button" data-toggle="modal" style="padding-right: 0;" data-dismiss="modal" aria-hidden="true">|使用账号登录</a>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <a href="register.html">未注册？点击这里</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div> 
<!-- Header End====================================================================== -->